Document newly supported 3d transforms in CSS
authorMatthias Clasen <mclasen@redhat.com>
Sat, 19 Nov 2016 00:34:02 +0000 (19:34 -0500)
committerMatthias Clasen <mclasen@redhat.com>
Sat, 19 Nov 2016 00:34:02 +0000 (19:34 -0500)
docs/reference/gtk/css-properties.xml

index 1f9a662a7d33a17a9e2a481dc11c6b6565c351dd..64db2d856dd578901e1aa844fa80f394263c58f3 100644 (file)
@@ -456,9 +456,15 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
         </tgroup>
       </table>
 
-<literallayout><code>〈transform〉 = matrix( 〈number〉 [ , 〈number〉 ]{5} ) | translate( 〈length〉, 〈length〉 ) | translateX( 〈length〉 ) | translateY( 〈length〉 ) |</code>
-<code>                scale( 〈number〉[ , 〈number〉 ]? ) | scaleX( 〈number〉 ) | scaleY( 〈number〉 ) | rotate( 〈angle〉 ) | skew( 〈angle〉 [ , 〈angle〉 ]? ) |</code>
-<code>                skewX( 〈angle〉 ) |  skewY( 〈angle〉 )</code>
+<literallayout><code>〈transform〉 = matrix( 〈number〉 [ , 〈number〉 ]{5} ) |</code>
+<code>                matrix3d( 〈number〉 [ , 〈number〉 ]{15} ) |</code>
+<code>                translate( 〈length〉, 〈length〉 ) | translate3d( 〈length〉, 〈length〉, 〈length〉 ) |</code>
+<code>                translateX( 〈length〉 ) | translateY( 〈length〉 ) | translateZ( 〈length〉 ) |</code>
+<code>                scale( 〈number〉[ , 〈number〉 ]? ) | scale3d( 〈number〉, 〈number〉, 〈number〉) |</code>
+<code>                scaleX( 〈number〉 ) | scaleY( 〈number〉 ) | scaleZ( 〈number〉 ) |</code>
+<code>                rotate( 〈angle〉 ) | rotate3d( 〈number〉, 〈number〉, 〈number〉, 〈angle〉 ) |</code>
+<code>                rotateX( 〈angle〉 ) | rotateY( 〈angle〉 ) | rotateZ( 〈angle〉 ) |</code>
+<code>                skew( 〈angle〉 [ , 〈angle〉 ]? ) | skewX( 〈angle〉 ) |  skewY( 〈angle〉 )</code>
 <code>〈color palette〉 = default | 〈name〉 〈color〉 [ , 〈name〉 〈color〉 ]*</code>
 </literallayout>